@charset "utf-8";
/* CSS Document */
*{margin:0px;padding:0px;text-decoration:none;list-style:none;}
html,body{width:100%;height:100%;overflow:hidden;}
.mess_tit h1,.mess_tit p{font-size:12px;color:#fafafa}
.mess_box{width:100%;height:100%;background-color: #f9f9f9;}
.mess_top{height:54px;top:0;width:100%;z-index:11; background:#56adf2;}
.mess_logo{padding-top:9px;margin-right:5px;width:42px; height:45px; float:left;  padding-left:10px;}
.mess_but{float:right;height:13px;width:42px}
.mess_but img{margin-right:5px;display:inline-block;margin-top:8px}
.mess_tit{float:left;}
.mess_tit h1{font-weight:700;margin:7px 0 0;line-height:19px; color:#ffffff; font-size:14px;font-family: "Microsoft YaHei";}
.mess_tit h1 img{vertical-align:middle;margin-left:5px;top:-3px;position:relative}
.mess_tit p{margin:0;line-height:17px;color:#ffffff;}
.mess_tit h1 span{color:#ffffff; font-size:12px;font-family: "宋体"; font-weight:normal; padding-left:3px;}
.mess_con{height: auto;position:absolute;top:60px;width:auto;padding:0;overflow:auto;left:0px; background:#f9f9f9;}
.mess_send{height:84px;position:fixed;bottom:0;width:100%;overflow:hidden;
background-color: #fff;border-top:1px solid #d5d5d5;left:0px;}
.mess_send textarea{overflow: auto;border:0px solid #d5d5d5;resize:none;height:56px;line-height:16px;font-size:12px;margin:0;outline:0;padding:7px;width:235px;color:#333;}
.mess_send textarea::-webkit-input-placeholder{color:#898989;}
.mess_send input{border-radius:4px;margin:0;border:0;cursor:pointer;outline:0;position:absolute;background:#56adf2;width:55px;height:24px;padding:0;right:10px;bottom:10px;color: #fff;font-weight: bold;}
.mess_con_tit,.mess_question_tit{font-size:12px;color:#666;line-height:22px}
.mess_question_tit a{float:right;color:#999;text-decoration:none;display:inline;margin-right:10px}
.question ul{margin:0;padding:0;}
.question ul li{margin:0 20px 0 0;list-style:none;background:url(../images/wen.gif) 0 5px no-repeat;line-height:22px;text-indent:1.4em;}
.question ul li a{font-size:12px;color:#0065CB;text-decoration:underline}
.visitor-msg,.kefu-msg{font-size:12px;line-height:22px;}
.visitor-msg{text-align:right}
.kefu-msg{text-align:left}
.visitor-msg .content,.kefu-msg .content{display:inline-block;position: relative;border-radius:5px;padding:5px;}
.visitor-msg .content>b,.kefu-msg .content>b{position: absolute;top: -5px;border-left: 3px solid transparent;border-right: 3px solid transparent;border-bottom: 5px solid #abc;display: block;}
.visitor-msg .title{color:#999;}
.kefu-msg .title{color:#999;}
.visitor-msg .content{color:#333333;background:#f8efce;}
.kefu-msg .content{color:#666;background:#E0F4FE;}
.kefu-msg .content>b{border-bottom-color:#E0F4FE;left: 10px;}
.visitor-msg .content>b{border-bottom-color:#f8efce;right: 10px;} 
.question_box{display:block;}
.mess_question_tit2{line-height:22px;height:22px;display:none;}
.mess_question_tit2 a{font-size:12px;color:#0065CB;text-decoration:underline}
.clear{clear:both;width:0;height:0;display:block;overflow:hidden}
ul{list-style: none;margin:0;padding:0;}
.systip{padding: 2px 0 2px 5px;border-left: 2px solid #2B9AE0;margin: 10px 0 10px 5px;font-size: 12px;}

.mess_con .item-me img{ display:none;}
.mess_con .item-you img{ display:none;}
@media screen and (min-width: 380px) { 
    .mess_send input{width:77px;height:60px;padding:0;right:12px;bottom:12px}
	.mess_con .item-me img{ display:inline-block;}
	.mess_con .item-you img{ display:inline-block;}
} 
.mess_jyx_left{ position:absolute;z-index:10; left:0; width:95px; height:100%; background:#3399ff;}
.mess_jyx_left_ul{height:100%; overflow-y:auto;}
.mess_jyx_left ul{  padding:0 2px; padding-top:60px;}
.mess_jyx_left ul li{ height:36px; line-height:36px; width:100%; overflow:hidden; }
.mess_jyx_left ul li a{ position:relative; display:block;text-decoration:none; line-height:36px; border-radius:3px; height:36px;padding-right:10px; padding-left:5px; color:#bcbcbc;font-size:12px;font-family: "Microsoft YaHei";}
.mess_jyx_left ul li a i{ width:10px; display:none; height:10px;background:url(../images/jyx_close.jpg) transparent no-repeat; position:absolute; right:3px; top:14px;}
.mess_jyx_left ul li a:hover{ text-decoration:none; background:#5caeff;}
.mess_jyx_left ul li.cur a{ color:#ffffff; background:#68bdf7;}
.mess_jyx_left ul li a:hover i{ display:block;}
.mess_jyx_left ul li a strong{ width:16px; text-align:center; height:16px; font-weight:normal; background:#ff9801; font-size:10px;border-radius:15px; line-height:16px; color:#ffffff;  position:absolute; right:3px; top:11px;}
.mess_jyx_left ul li a:hover strong{ display:none;}
.header-close{width: 30px;height: 17.5px;float: right;margin:19px 9px;}
.article{width:100%;overflow-x:hidden;overflow-y:auto;position: absolute;top: 55px;bottom: 85px;left: 0px;right: 0px;}
.article-item-you,.article-item-me{display: inline-block;width: 100%;position: relative;}
.article-head-portrait{width: 40px;height: 40px;border-radius: 50%;}
.article-pic-left{float: left;}
.article-pic-right{float: right;}
.article-msgTime{text-align: center;font-size: 12px;color: #aaa;line-height: 30px;}
.article-item-text{max-width: 73% !important;color: #6b8299;border: 1px solid #eee;min-height: 20px;line-height: 20px;overflow: hidden;white-space: normal;word-wrap: break-word;word-break: break-all;font-size: 14px;margin-top: 5px;border-radius: 8px;
    -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.1), 0 1px 1px rgba(0,0,0,.06);
    -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.1),0 1px 1px rgba(0,0,0,.06);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.1), 0 1px 1px rgba(0,0,0,.06);}
.article-background-me{background: #56adf2;margin-right:12px;color:#fff;}
.article-background-you{background: #fff;margin-left:12px;}
.article-item-box{padding: 7px 12px;zoom: 1;position: relative;}
.article-item-p{color:#1076c5;}
.article-item-list ul li{color:#1076c5;cursor:pointer;}
.article-open{display:none;}
.article-close{position: absolute;right: 20px;cursor:pointer;}
.msg:after {
    right:8px;
    border-left: 5px solid #5cacde;
}
.msg:after, .msg:before {
    content: ' ';
    position: absolute;
    top: 20px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    width: 0;
    height: 0;
}
.msg-left:after {
    left:7px;
    border-right: 5px solid #fff;
}
.msg-left:after,.msg-left:before{
    content: ' ';
    position: absolute;
    top: 20px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    width: 0;
    height: 0;
}
::-webkit-scrollbar{width:5px;}
::-webkit-scrollbar-track{background-color:#e0e0e0;}
::-webkit-scrollbar-thumb{background-color:#e0e0e0;}
::-webkit-scrollbar-thumb:hover {background-color:#e0e0e0}
::-webkit-scrollbar-thumb:active {background-color:#e0e0e0}